<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
        <style type="text/css"> 
        body, a, a:visited {
          background-color: transparent;
          color: rgb(34, 34, 34);
          font-family: arial, sans-serif;
          font-size: 13px;
        }
        a, a:visited {
          text-decoration: none;
          cursor: pointer;
          display: inline;
          height: auto;
          text-shadow: none;
          white-space: nowrap;
          width: auto;
        }
        /* Link holder */
        .ah {
          padding-left: 6px;
        }
        .ah:hover {
          background-color: #FFF;
        }
        /* Leaf */
        .lf {
          padding-left: 18px;
        }
        .exp.col {
          background: url(https://mail.google.com/mail/u/0/?ui=2&view=dim&iv=amo1tqfqsw2s&it=ic) no-repeat -40px -120px;
        }
        .exp.col:hover {
          background: url(https://mail.google.com/mail/u/0/?ui=2&view=dim&iv=amo1tqfqsw2s&it=ic) no-repeat -60px -120px;
        }
        .exp {
          width: 12px;
          height: 12px;
          margin-top: 2px;
          margin-right: 6px;
          background: url(https://mail.google.com/mail/u/0/?ui=2&view=dim&iv=amo1tqfqsw2s&it=ic) no-repeat 0px -120px;
          float: right;
        }
        .exp:hover {
          background: url(https://mail.google.com/mail/u/0/?ui=2&view=dim&iv=amo1tqfqsw2s&it=ic) no-repeat -20px -120px;
        }
        
      </style>
      <script type="text/javascript">
        function toggle(id) {
          var toe = document.getElementById(id);
//          alert('found: ' + toe.getElementsByTagName("a")[0].display);
          if (toe.getElementsByTagName("a")[0].style.display === "none") {
            expande(id);
          } else {
            collapse(id);
          }
        }
        function collapse(id) {
          var toe = document.getElementById(id);
          for (var i = 0; i < toe.getElementsByTagName("a").length; i++) {
            toe.getElementsByTagName("a")[i].style.display = "none";
          }
        }
        
        function expande(id) {
          var toe = document.getElementById(id);
          for (var i = 0; i < toe.getElementsByTagName("a").length; i++) {
            toe.getElementsByTagName("a")[i].style.display = "";
          }
        }
      </script>
  </head>
  <body style="background: #FAFAFA;">
      <div style="width: 133px; border: solid 1px #EEE;">
        <a href="http://86.58.64.25/" target="_blank"><div class="ah">SerpasServer</div></a>
        <a href="http://86.58.64.25/koledar/" target="_blank"><div class="ah">Koledar</div></a>
        <!--<a href="https://www.slo-tech.com" target="_blank"--> 
        <a 
          onclick="
//          window.open('http://www.jonas.si/');
//          window.open('http://izklop.com/');
//          window.open('http://www.youtube.com/user/burekexperts');
//          window.open('http://www.boston.com/bigpicture/');
          "><div class="ah" style="float: left;">Futer</div><div class="exp" onclick="toggle('futer');"></div><div style="clear: both;"></div></a>
        <div id="futer">
          <a href="https://www.slo-tech.com" target="_blank"><div class="ah lf">Slo-tech</div></a>
          <a href="http://www.jonas.si/" target="_blank" onclick="window.open('http://www.youtube.com/user/burekexperts');"><div class="ah lf">Jonas</div></a>
          <a href="http://izklop.com/" target="_blank"><div class="ah lf">Izklop</div></a>
          <a href="http://www.boston.com/bigpicture/" target="_blank"><div class="ah lf">BigPicture</div></a>
          <a href="http://www.raspberrypi.org/" target="_blank"><div class="ah lf">RaspberryPi</div></a>
        </div>
        
        <a href="http://www.youtube.com" target="_blank" 
          onclick="
          window.open('http://www.youtube.com/user/fredhart');
          window.open('http://www.youtube.com/user/cutlerylover');
          window.open('http://www.youtube.com/user/JMEMantzel');
          window.open('http://www.youtube.com/user/TheLateBoyScout');
          window.open('http://www.youtube.com/user/sootch00');
          window.open('http://www.youtube.com/user/JohnGrimsmo');
          window.open('http://www.youtube.com/user/3riverblades');
          window.open('http://www.youtube.com/user/wranglerstar');
          "><div class="ah">YT Futer</div></a>
        <div id="yt">
          <a href="http://www.youtube.com/user/fredhart" target="_blank"><div class="ah lf">Fred Hart</div></a>
          <a href="http://www.youtube.com/user/cutlerylover" target="_blank"><div class="ah lf">Cutlerylover</div></a>
          <a href="http://www.youtube.com/user/JMEMantzel" target="_blank"><div class="ah lf">JME</div></a>
          <a href="http://www.youtube.com/user/TheLateBoyScout" target="_blank"><div class="ah lf">TheLateBoyScout</div></a>
          <a href="http://www.youtube.com/user/JohnGrimsmo" target="_blank"><div class="ah lf">JohnGrimsmo</div></a>
          <a href="http://www.youtube.com/user/3riverblades" target="_blank"><div class="ah lf">3riverblades</div></a>
          <a href="http://www.youtube.com/user/wranglerstar" target="_blank"><div class="ah lf">Wranglerstar</div></a>
        </div>
      </div>
  </body>
</html>
